.my_sort .sort_box{
  display:flex;
  justify-content:center;
  overflow: auto;
  padding-bottom:30px;
}
.my_sort .sort_list{
  padding:0 5px;
}
.my_sort .sort_name{
  padding:10px 25px;
  min-width:140px;
  font-size:15px;
  line-height:30px;
  color:#333;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  white-space:nowrap;
  transition:all 0.35s ease;
  border-radius:6px;
  border:1px solid #ddd;
}
.my_sort .sort_list:last-child{
  margin-right:0;
}
.my_sort .sort_name:hover{
  background:var(--color);
  border-color:var(--color);
  color:#fff;
}
.my_sort .sort_name.sort_click{
  background:var(--color);
  border-color:var(--color);
  color:#fff;
}
@media(max-width:768px){
  ::-webkit-scrollbar{display:none;}
  .my_sort .sort_name{
    min-width:90px;
    font-size:14px;
    line-height:20px;
    padding:12px 15px; 
  }
}